
<!--  <script src="/js/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="/js/bootstrap-table/dist/bootstrap-table.js"></script>
  <&#45;&#45; put your locale files after bootstrap-table.js &ndash;&gt;
  <script src="/js/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>
  <script src="/js/bootstrap/dist/js/bootstrapValidator.js"></script>
  <script type="text/javascript">
      localPath="page"
  </script>
</head>-->

<!--一添加提示弹窗开始-->
<div id="addModal" class="modal fade" >
</div><!-- /.modal -->
<!--一重命名提示弹窗开始-->
<div id="renameModal" class="modal fade" >
</div><!-- /.modal -->
<!--一重命名提示弹窗开始-->
<div id="copyModal" class="modal fade" >
</div><!-- /.modal -->
<div class="p-h-md p-v bg-white box-shadow pos-rlt">
  <h3 class="no-margin have-btn-title">落地页管理</h3>
  <a href="/reports/forms" type="button" class="btn btn-sm btn-primary ng-click-active pull-right add-advert-btn-style">
    查看客资统计
  </a>
  <a href="/front/forms/index" type="button" class="btn btn-sm btn-primary ng-click-active pull-right add-advert-btn-style">
    表单列表
  </a>
  <a href="javascript:add()" type="button" class="btn btn-sm btn-primary ng-click-active pull-right add-advert-btn-style"  >
  新建落地页
  </a>
</div>
<div class="p-md landingPageTable-container">
  <table class="table table-bordered table-hover bg-white">
    <thead>
    <tr>
      <th>落地页名称</th>
      <th>创建时间</th>
      <th>操作</th>
    </tr>
    </thead>
    <tbody>
    </tbody><colgroup><col>
    <col width="30%">
    <col width="20%">
    <col>
  </colgroup>
    <tbody>
    <% @landing_pages&.each do |landing_page| %>
        <tr>
          <td>
            <a href="/campaigns/sitetype?sitesetType=${campaign.sitesetType }"><%= landing_page.name %></a>
          </td>
          <td>
          <td></td>
          <td></td>
          <td>
            <label class="ui-switch bg-info">
              <input type="checkbox" class="ng-valid ng-dirty" checked="checked" disabled>
              <i></i>
            </label>
          </td>
        </tr>
    <% end %>
    </tbody>
  </table>
</div>

<script type="text/javascript">
    function deleteAdGroup(adGroupId,type){
        bootbox.dialog({
            title : "重要提醒!",
            message:"删除本广告,将删除与该广告相关的信息,并数据不可恢复",
            buttons:{
                "success":{
                    "label" : "<i class='icon-ok'></i> 确定",
                    "className":"btn-sm btn-success",
                    "callback" : function() {
                        $.ajax({
                            url: "/ads/delete/"+adGroupId,
                            type: "POST",
                            dataType: "json",
                            cache: false,
                            success: function(data) {
                                if(data="success"){
                                    showMsg("success","预算修改成功！");
                                    setTimeout("location.reload()", 1000);
                                }

                            }
                        })

                    }
                }
            }
        });
    }

</script>
<script>
    $(document).ready(function(){
       /* var $table = $('#landingPageTable');
        /*$clearn = $('#clearn');
         $addButton = $('#addButton');
         $addModal = $('#addModal');
         $doAddButton = $('#doAddButton');
        $table.bootstrapTable({
            url : '/ajax/landing_pages/pages',//后台调用的链接
            //height: getHeight(),//行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            width : 10,
            method : 'get', //请求方式（*）
            striped : true, //是否显示行间隔色
            cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination : true, //是否显示分页（*）
            sortable : true, //是否启用排序
            sortName : 'createdAt', //排序名称 默认没有
            showColumns : false, //开启显示列选择
            minimumCountColumns : '2', //最少要显示几列
            sortOrder : "desc", //默认排序方式
            sidePagination : "server", //分页方式：client客户端分页，server服务端分页（*）
            pageNumber : 1, //初始化加载第一页，默认第一页
            pageSize : 15, //初始每页的记录行数（*）
            pageList : [15, 25, 50], //可供选择的每页的行数（*）
            clickToSelect : true, //是否启用点击选中行 默认不启用
            uniqueId : "uid", //每一行的唯一标识，一般为主键列
            //search : true, //打开搜索框
            showPaginationSwitch : false, //分组件显示隐藏 默认为true
            //paginationDetailHAlign:'',
            paginationPreText : '上一页',
            paginationNextText : '下一页',
            //formatShowingRows:'Showing %s to %s of %s rows',
            onLoadSuccess : function(data) {
                //如果当前也没有数据就返回第一页
                if (data.rows.length <= 0 && data.offset != 1) {
                    $table.bootstrapTable("selectPage", 1);
                }
            },
            columns : [[
                {
                    title : '序号',
                    field : 'id',
                    width: '10%',
                    // formatter : index,
                    visible : true,
                    formatter : index
                }, {
                    title : '落地页名称',
                    field : 'name',
                    width: '40%',
                    sortable : true
                },{
                    field : 'createdAt',
                    title : '创建时间',
                    sortable : true,
                    width: '30%',
                    formatter : formatterTime
                }, {
                    field : 'state',
                    title : '操作',
                    width: '20%',
                    sortable : false,
                    formatter : view
                }]]
        });*/
        //时间格式化
        function formatterTime(value, row, index) {
            return formatDate(new Date(value))
        }
        var formatDate= function formatDateTime(date){
            var y = date.getFullYear();  //年
            var m = date.getMonth() + 1;  //月
            m = m < 10 ? ('0' + m) : m;
            var d = date.getDate();  //日
            d = d < 10 ? ('0' + d) : d;
            var h = date.getHours();  //时
            var minute = date.getMinutes(); //分
            minute = minute < 10 ? ('0' + minute) : minute;
            var seconds=date.getSeconds(); //秒
            seconds=seconds<10?('0'+seconds):seconds;
            return y + '-' + m + '-' + d+' '+h+':'+minute+':'+seconds;
        };

        //序号
        function index(value, row, index) {
            return [index + 1].join('')
        }
//自定义方法
        function view(value, row, index) {
            console.log(row)

            var data="";
            if(row.content){
                data+='<span class="" ><a href="/forms/diy_form_datail_diy/'+row.id+' ">预览<i class="m-l-sm"></i></a></span>';
            }
            if(operationType==2&&isFromBackend!=true){
                data+='<span class="" ><a href="javascript:rename('+row.id+')">重命名<i class="m-l-sm"></i></a></span>';
                data+='<span class="" ><a href="javascript:copy('+row.id+')">复制<i class="m-l-sm"></i></a></span>';
                data+='<span class="" ><a href="/landing_pages/edit/'+row.id+'">编辑<i class="m-l-sm"></i></a></span>';
                data+='<span class="delete-action-btn" ><a href="javascript:deleteLandingPage('+row.id+')">删除<i class="m-l-sm"></i></a></span>';
            }
            return [data].join('')
        }

    })
    function deleteLandingPage(id){
        $.ajax({
            url: "/landing_pages/delete/"+id,
            type:"POST",
            dataType: 'json',
            success: function (data) {
                if(data=="success"){
                    showMsg("success","落地页删除成功！");
                    setTimeout("$('#landingPageTable').bootstrapTable('refresh')", 1000);
                }else{
                    bootbox.dialog({
                        title: "删除落地页提示",
                        message: "落地页在使用中，无法删除。",
                        buttons: {
                            "success": {
                                "label": "<i class='icon-ok'></i> 确定",
                                "className": "btn-sm btn-primary",
                                "callback": function () {
                                    return;
                                }
                            }
                        }
                    })
                }
            }
        });
    }
    function add(){
        $.ajax({
            url: "/ajax/landing_pages/add",
            type:"GET",
            dataType: 'HTML',
            success: function (data) {
                $("#addModal").html(data);
                $("#addModal").modal("show");

            }
        });
    }
    function rename(id){
        $.ajax({
            url: "/ajax/landing_pages/_rename/"+id,
            type:"GET",
            dataType: 'HTML',
            success: function (data) {
                $("#renameModal").html(data);
                $("#renameModal").modal("show");
            }
        });
    }
    function copy(id){
        $.ajax({
            url: "/ajax/landing_pages/_copy/"+id,
            type:"GET",
            dataType: 'HTML',
            success: function (data) {
                $("#copyModal").html(data);
                $("#copyModal").modal("show");
            }
        });
    }

</script>
